/**
 * 封装成一个函数
 * 1.确定函数名称   animate
 * 2.确定函数里面那些是可变量作为参数   元素名称element   目标位置target   步长（速度）step
 * 3.确定函数是否有返回值
 *
 *
 * @param element
 * @param target
 * @param step
 */



function animate(element, target, step) {
  clearInterval(element.timer);
  element.timer = setInterval(function () {
    var currentLeft = element.offsetLeft;
    currentLeft += target >= currentLeft ? step : -step;
    element.style.left = currentLeft + "px";
    if (Math.abs(target - currentLeft) <= step) {
      clearInterval(element.timer);
      element.style.left = target + "px";
    }
  }, 20);
}


// function animate(element, target,step) {
//   clearInterval(element.timer);
//   element.timer = setInterval(function () {
//     var current = element.offsetLeft;
//     current += target >= current ? step : -step;
//     element.style.left = current + "px";
//     if (Math.abs(target - current) <= step) {
//       clearInterval(element.timer);
//       element.style.left = target + "px";
//     }
//   }, 20)
// }